.create-edit-user {
    .content-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 6.8%;
        .content {
            background: #fff;
            padding: 40px;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            input {
                height: 45px;
                background: #f9f9f9;
                border: none;
                &:disabled {
                    background: #fff;
                }
            }
            div {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                margin-bottom: 30px;
                div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 400px;
                    margin-bottom: 0;
                    label {
                        display: flex;
                        justify-content: center;
                        width: 100px;
                    }
                    span {
                        width: 80px;
                    }
                    .role {
                        width: 200px;
                    }
                    input[type='text'],input[type='password'],input[type="email"]{
                        width: 70%;
                    }
                    input[type=password] {
                        width: 70%;
                    }
                    input[type=radio] {
                        height: auto;
                    }
                    select {
                        width: 70%;
                        background: #f9f9f9;
                        height: 40px;
                        border: none;
                    }
                }
            }
            .role-bg {
                margin-bottom: 20px;
                &>div {
                    align-items: center;
                    width: 600px;
                    span {
                        flex-shrink: 0;
                        text-align: center;
                    }
                }
            }
            .status {
                span {
                    margin-right: 10px;
                }
                input {
                    height: auto;
                }
            }
            button {
                width: 130px;
                height: 35px;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                background: $themeColor;
                border: none;
                outline: none;
            }
            button:hover {
                background: darken($themeColor, 5%);
            }
        }
    }
}